// variables.scss
$primary-color: #fd393b;
$text-primary: #333;
$text-secondary: #666;

// mixins.scss
@mixin text-ellipsis($line: 1) {
	display: -webkit-box;
	-webkit-line-clamp: $line;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

// 组件样式
.play-item {
	padding: 12rpx;
	@include flex-between;

	&__info {
		flex: 1;
		@include text-ellipsis(2);

		.artist {
			color: $text-secondary;
			font-size: 24rpx;
		}
	}

	&__action {
		.icon {
			width: 40rpx;
			height: 40rpx;
			margin-left: 20rpx;
		}
	}
}
